/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** end of css reset **/
body { background:#fffff0; font-family:Verdana, Arial, Helvetica; font-size:13px; }
a { text-decoration:none; color:#4682b4 }
a:hover { text-decoration:underline }
a:visited { color:blue; color:#4682b4 }
.tebel { font-weight: bold }
#header { font-family:Arial, sans-serif; margin:5px 0; padding-bottom:8px; border-bottom:1px solid black; font-size:17px }
#header div { float:left }
#container { margin:10px; margin-top:0 }
.alamat-ayat { font-weight:bold; margin:0 0 5px 0; color:#090; padding-top:5px; font-size:14px; }
.nomor-ayat { font-weight:bold; font-size:11px; color:#090; text-decoration:underline }
#pembungkus-ayatayat { width:500px; }
#pembungkus-ayatayat p { margin-bottom:8px; line-height:18px; font-size:14px }
#navigasi-ayat { margin-bottom:10px }
#tolong { cursor:pointer; color:blue; text-decoration:underline }

.p { margin-bottom:10px; border-bottom:1px solid #ccc }
.bold { font-weight:bold }
.info-hasil { font-weight:bold; color:#090 }
.st { color:#444; background:#eee; padding:1px 0 }
.help { font-size:0.8em; display:none; margin-top:8px; color:#777 }
.search_box { margin-top:8px; width:30% }
.daftarisi h2 { font-weight:bold; }

.addthis_default_style { height:25px }
#intro { width:500px }
#intro li { padding-bottom:10px }
#intro span.tebal { font-weight:bold }

.tanya,.jawab,.info { line-height:16px; margin-bottom:15px; width:500px; text-align:justify }
.tanya { font-weight:bold; }
.jawab { color:#242424 }
.matikan_sorot { font-size:10px; color:#474747; text-decoration:underline; cursor:pointer; display:none }
#kalimat_hasil { margin-bottom:15px; font-size:14px; font-weight:bold }
#KitabIsiNamaKitab, #PilihPasal, #PilihAyat, #TitikDua { float:left; }
#KitabIsiNamaKitab { margin-right:10px }
#TitikDua { margin:0 10px; position:relative; top:5px; left:-5px; }
#PilihPasal input, #PilihAyat input { width: 35px; text-align:center; }
#search-loader { display:none }

/* Untuk Logs */
#logs { margin-top:15px }
.log { height:18px }
.alamat { width:300px; float:left }
.waktu_buka { float:left }
.range { font-size:0.6em; color:#333; font-weight:bold; text-align:center; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
